@tailwind base;
@tailwind components;
@tailwind utilities;

/**
 * DaisyUI fix for window shift using modal.
   https://github.com/saadeghi/daisyui/issues/3040
 */
:root:has(
    :is(
        .modal-open,
        .modal:target,
        .modal-toggle:checked + .modal,
        .modal[open]
      )
  ) {
  scrollbar-gutter: unset;
}

@layer components {
  .btn{
    text-transform: uppercase;
  }
}
.outer-container{
  min-height: 100dvh;
}

.inner-container {
  overflow-y: auto;
  overflow-x: hidden;

  /* NOTE: header is 48px */
  height: calc(var(--vh, 1vh) * 100 - var(--header-height, 48px));
}

.membersTable-wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: auto;
  white-space: nowrap;
}

/* Webkit browsers (Chrome, Safari, newer versions of Edge) */
.custom-scrollbar::-webkit-scrollbar,
.cm-scroller::-webkit-scrollbar {
  width: 4px; 
  background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.cm-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(46, 46, 46, 0.3); 
  border-radius: 2px; 
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.cm-scroller::-webkit-scrollbar-thumb:hover {
  background-color: rgba(85, 85, 85, 0.5); 
}

/* Hide scrollbar arrows */
.custom-scrollbar::-webkit-scrollbar-button,
.cm-scroller::-webkit-scrollbar-button {
  display: none;
}

/* Firefox */
.custom-scrollbar,
.cm-scroller {
  scrollbar-width: thin;
  scrollbar-color: rgba(219, 219, 219, 0.3) transparent;
}

/* For Internet Explorer and Edge (older versions) */
.custom-scrollbar,
.cm-scroller {
  -ms-overflow-style: none;
}

.zt-color {
  color: rgb(255, 180, 65);
}

.fade-in {
  animation: fadeIn 0.5s ease-in;
}

/* There is a bug issue over at Mozilla that is still open, given that it was created 5 years ago.
https://bugzilla.mozilla.org/show_bug.cgi?id=1576820

https://github.com/sinamics/ztnet/issues/416 */
@-moz-document url-prefix() {
  option {
    font-family: 'Inter', sans-serif;
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}